﻿<div class="z-banner2">

	<div class="wow fadeInLeft" data-wow-delay="0.3s">
		<div class="z-banner2in">
			<img src="{$lanmu_info.image}"/>
		</div>
	</div>
	<p class="z-sol-p1 wow fadeInRight" data-wow-delay="0.5s">{$lanmu_info.cn_heading}</p>
	<p class="z-sol-p2 wow fadeInRight" data-wow-delay="0.7s">{$lanmu_info.en_heading}</p>
</div>

<!--列表-->

<div class="z-sol-list1 wow fadeInLeft">
	<div class="z-sol-place1 clear wow fadeInRight" data-wow-delay="0.3s">
		<div class="fl clear wow fadeInLeft" data-wow-delay="0.6s">
			<div class="z-sol-i1 fl">
				<img src="/static/picture/place1.png"/>
			</div>
			<p class="z-sol-p4 fl"> 您当前所在位置：<span></span><a href="/">首页</a> </span>>
				<span>{$lanmu_info.title}</span></p>
		</div>
		<div class="fr clear wow fadeInRight" data-wow-delay="1s">
			<div class="z-sol-l1 fr"></div>
			<p class="z-sol-p3 fr">{$lanmu_info.title}</p>
			<div class="z-sol-l1 fr"></div>
		</div>
	</div>
	<div class="z-pct-place1">
		<div class="z-pct-d1 clear">

			{volist name='category' id='vo'}
			<div>
				<div class="z-pct-d3 wow fadeInLeft" data-wow-delay="1s">
					<a class="z-pct-p2" href="{:url('product/index',['cate_id'=>$vo.id])}">{$vo.name}</a>
					{notempty name='$vo.son'}
					<div class="z-pct-tri1"></div>
					{/notempty}
				</div>
				<div class="z-pct-li1" style="display: none;">
					{volist name='vo.son' id='v'}
					<a href="{:url('product/index',['cate_id'=>$v.id])}"><p class="z-pct-lip1">{$v.name}</p></a>
					{/volist}
				</div>
			</div>
			{/volist}

		</div>
	</div>
	<div class="z-pct-place2" style="padding-bottom: 0;">
		<p class="z-pct2-p1">{$detail.title}</p>
		<p class="z-pct2-p2">更新时间：<span>{$detail.createtime|date='Y-m-d',###}</span>&nbsp;&nbsp;<span>{$detail.createtime|date='H:i:s',###}</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;点击次数：<span>{$detail.hits}</span>次</p>
		<div class="z-pct2-i1">
			<img src="{$detail.image}" />
		</div>
		<div class="clear">
			<div class="z-pct2-l1 fl"></div>
			<div class="z-pct2-l2 fl"></div>
			<p class="z-pct2-p3 fl">产品介绍</p>
			<div class="z-pct2-l2 fl"></div>
			<div class="z-pct2-l1 fl"></div>
		</div>
		<div class="z-pct2-p4">
			{$detail.content}
		</div>
		<div class="clear" style="margin-bottom: 28px;">
			<div class="z-pct2-l1 fl"></div>
			<div class="z-pct2-l2 fl"></div>
			<p class="z-pct2-p3 fl">产品参数</p>
			<div class="z-pct2-l2 fl"></div>
			<div class="z-pct2-l1 fl"></div>
		</div>
		<div class="z-pct2-i2">
			{$detail.argument}
		</div>
		<div class="z-pct2-d2 clear">
			<p class="fl z-pct2-p5">{empty name='prev'} 无 {else/}<a href="{:url('product/detail',['id'=>$prev.id])}">上一篇：{$prev.title}</a>{/empty}</p>
			<p class="fr z-pct2-p5">{empty name='next'} 无 {else/}<a href="{:url('product/detail',['id'=>$next.id])}">上一篇：{$next.title}</a>{/empty}</p>
		</div>
	</div>

</div>


<script>

    $(function () {

        //$('.z-pct-d2>p').eq(2).addClass('z-pct-d2pon');
        $('.z-pct-pn').click(function () {
            $('.z-pct-pn').removeClass('z-pct-d2pon');
            //$(this).addClass('z-pct-d2pon');
        });

        $('.z-pct-li1').hide();
        $('.z-pct-d1>div').mouseover(function () {
            $(this).find('.z-pct-li1').show();
        });
        $('.z-pct-d1>div').mouseout(function () {
            $(this).find('.z-pct-li1').hide();
        });

        /*动画*/

        var wow = new WOW({
            boxClass: 'wow',
            animateClass: 'animated',
            offset: 0,
            mobile: true,
            live: true
        });
        wow.init();

    });

</script>